﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
<style type="text/css">
body {
    font-family:Arial, Helvetica, sans-serif;
}
.topo {
	color:#fff1bb;
	background-color:#d96600;
}
.larguraSite {
	width:989px;
	margin-left:auto;
	margin-right:auto;
}

.menu {
	width:235px;
	height:50px;
	float:right;
	padding:0px 10px 0 20px;
	font-size:1.1em;
	font-family:Arial;
	color:#fff;
}
.menuUltimo {
	width:235px;
	height:50px;
	float:right;
	padding:0px 10px 0 20px;
	font-size:1.1em;
	font-family:Arial;
	color:#fff;
}
.flutuarDireita{
	float:left;
}
.flutuarEsquerda{
	float:right;
}
.clear {
	clear:both;
}

.larguraSite h1 {
	font-size: 25px;
	text-align: center;
	color: #d96600;
	font-family: "Trebuchet Ms";
}
.larguraSite div h2 {
	font-size: 18px;
	color: #d96600;
	font-family: "Trebuchet Ms";
}
.larguraSite div p {
	color: #d96600;
	font-family: Arial, Helvetica, sans-serif;
}
.OQueEEsfinge{
	width:320px;
	float:left;
}
.footer{
	background-color:#FEF1BC;
	font-size:12px;
	font-family: "Trebuchet Ms";
	color:#D76800;
}
</style>
</head>

<body>
<div class="topo" style="topo">
	<div class="larguraSite">
		<img src="img/logoCadastroInicial_02.png" border="0" />
        <div class="menu"><a href="#">O que é a Esfinge?</a><br /></div>
        <div class="menuUltimo"><a href="#">Já se cadastrou na Esfinge?</a><br /></div>
    </div>
</div>

<div class="larguraSite">
  <h1>A maior rede de resumos acadêmicos do mundo. <br />
  Desvende já os enigmas.</h1>
  
  <div class="OQueEEsfinge" align="center">
  	<h2>Aprenda e ensine!</h2>
    <img src="img/aprendaEnsine.jpg" width="131" height="101" />
	<p>Compartilhar conhecimeno nunca foi tão dinâmico. Aprenda e ensine, pergunte e responda, viaje do passado ao futuro educacional em poucos cliques.</p>
  </div>
  
  <div class="OQueEEsfinge" align="center">
  	<h2>Destaque-se na sua carreita!</h2>
    <img src="img/destaqueSe.jpg" width="253" height="126" />
	<p>Compartilhar conhecimeno nunca foi tão dinâmico. Aprenda e ensine, pergunte e responda, viaje do passado ao futuro educacional em poucos cliques.</p>
    <h2>&nbsp;</h2>
    <h2>GRÁTIS!</h2>
    <img src="img/queroInscreverMe.jpg" alt="#" width="287" height="65" />
  </div> 

  <div class="OQueEEsfinge" align="center">
  	<h2>Amplie seu relacionamento<br />
e faça network!</h2>
    <img src="img/amplie.jpg" width="154" height="138" />
	<p>Compartilhar conhecimeno nunca foi tão dinâmico. Aprenda e ensine, pergunte e responda, viaje do passado ao futuro educacional em poucos cliques.</p>
  </div>  
<!-- end .content -->
</div>
<div class="clear"></div>
<div class="footer">
    <div class="larguraSite">
    		<p>Projeto acadêmico 2013.2</p>
    </div>
</div>
</body>
</html>
